<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>index</title>
	<link rel="stylesheet" type="text/css" href="css/main.css?v=11" media="screen" />
	<link rel="stylesheet" type="text/css" href="prettyphoto/css/prettyPhoto.css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/core.js"></script>
	<script type="text/javascript" src="pngFix/jquery.pngFix.js"></script>
	<script type="text/javascript" src="prettyphoto/js/jquery.prettyPhoto.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<!--[if IE 6]>
	<style>
		#pitch .infoline {margin-top:-74px;}
		.post-options {margin:-55px 0 40px 138px;}
	</style>
	<![endif]-->
</head>
<body>
<div id="index-ajax">
	<div id="wrapper">
		<div id="logo">
			<img src="images/LOGO.png" style="height: 120px ;width: 300px">
			<!--<h1><a href="index.html">DESIGN<span>HQ</span></a></h1>-->
		</div>
		
		<div id="content" >
		<!-- main menu -->

			<ul class="menu" id="jMenu">
				<li class="current"><a href="index.html">首页</a></li>
				<li><a href="category.html">资讯</a>
					<ul>
						<li><a href="javascript:;">1</a></li>
						<li><a href="javascript:;">2</a></li>
						<li><a href="javascript:;">3</a></li>
					</ul>
				</li>
				<li><a href="category.html">投资</a>
					<ul>
						<li><a href="javascript:;">1</a></li>
						<li><a href="javascript:;">2</a></li>
						<li><a href="javascript:;">3</a></li>

					</ul>
				</li>
				<li><a href="javascript:;">关于</a></li>
				<li><a href="javascript:;">联系我们</a></li>
			</ul>
			
			<!-- search form -->
			<div id="search">
				<form method="post" action="index.html">
					<input type="text" class="text" name="query" value="搜索" onfocus="this.value='';" onblur="this.value='Search...'" />
					<input type="submit" class="submit" name="search" value="" />
				</form>
			</div>

			
			<!-- image slider -->
			<div id="pitch">
				<div class="pitch-gallery">
					  <div class="pitch-gallery-holder" id="gallery-pitch-holder">
						 <div class="pitch-gallery-div" v-for="banner in banner">
							<img :src="banner.pic"  />
							<div class="infoline">{{ banner.title}}</div>
						 </div>
					  </div>
					</div>
				</div>
			<!-- main content -->
		<div class="main-content">
			 <div id="left" >
				<h1><a href="javascript:;">公司简介</a></h1>
				<p  v-for="comp in intro ">{{ comp.text }}</p>
				<a href="javascript:;" class="read-more">更多</a>
			 </div>
			
			<!-- sidebar -->
			 <div id="right">
				<h1>新闻</h1>
				<div class="news"  v-for="news in news">
				<h2><a href="javascript:;">{{ news.title }}</a></h2>
				<p class="post-info">{{ news.content }}</p>
			 </div>

			 </div>

		</div>



			<div class="x"></div>
			<div class="break"></div>


		</div>
		
		<!-- footer -->
		<div id="footer">
			<p>Copyright &copy; 2015 青廷科技</p>
		</div>
	</div>
 </div>
 </div>
</body>
</html>

<script type="text/javascript">
    jGallery('pitch');
    $(document).pngFix();
    $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto();
    });
</script>
<script>
    new Vue({
        el: '#index-ajax',
        data: {
            intro:[
				{ text:'Lorem Ipsum is simply dummy text of the printing and typesetting industry. ' +
				"Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"+
					"when an unknown printer took a galley of type and scrambled it to make a type specimen book. " +
				"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."
                },
                { text:'Lorem Ipsum is simply dummy text of the printing and typesetting industry. ' +
                "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"+
                "when an unknown printer took a galley of type and scrambled it to make a type specimen book. " +
                "It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."
                },
			],
			news:[
				{ title:'大新闻1',content:'我们公司的XXXXXXX项目正已上线啦' },
                { title:'大新闻2',content:'我们公司的XXXXXXX项目正已上线啦' },
                { title:'大新闻3',content:'我们公司的XXXXXXX项目正已上线啦' },
			],
			banner:[
				{ title:"哈哈哈哈哈哈哈",pic:"images/pitch-1.jpg" },
                { title:"啊哈哈哈哈哈哈",pic:"images/pitch-2.jpg" },
                { title:"啊哈哈哈哈哈哈",pic:"images/pitch-3.jpg" },
			]
        },

    })
</script>


